<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
    <meta name="HandheldFriendly" content="true"/>
    <link rel="stylesheet" type="text/css" href="/new/css/index/photoswipe.css"/>
    <link rel="stylesheet" type="text/css" href="/new/css/index/style.css"/>
    <link rel="stylesheet" type="text/css" href="/new/css/index/responsive.css"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <script src="/new/js/index/jquery.min.js"></script>
    <title>
        主题设施
    </title>
    <meta name="keywords" content="主题设施"/>
    <meta name="description" content="主题设施"/>
    <meta name="author" content="欢乐谷"/>
    <meta name="Copyright" content="欢乐谷"/>
</head>
<body>
<!--header start-->
<header class="header-box">
    <section class="header clearfix">
        <a href="index">
            <img class="logo" src="images/logo.png"
                 alt=""/></a>
        <ul class="nav clearfix">
            <li><a href="index">首页</a></li>
            <li class="active"><a href="themearea">主题区域</a></li>
            <li><a href="/show/timeList">精彩演艺</a></li>
            <li><a href="/evaluate/viewPj">评价</a></li>
        </ul>
        <div class="online-ticket">
            <a href="" target="_blank"
               id="onlinetickets">
                <div class="anim"></div>
                在线购票</a>
        </div>
        <div class="menubtn clearfix">
            <b>导航</b>
            <span></span>
        </div>
        <section class="navitebox">
            <div class="navevg"></div>
            <div class="navelsit">
                <div class="navbgs"></div>
                <ul class="nativeli">
                    <li><a href="index">首页</a></li>
                    <li><a href="themearea">主题区域</a>
                        <ol class="levalmenus"></ol>
                    </li>
                    <li><a href="/show/timeList">精彩演艺</a>
                        <ol class="levalmenus"></ol>
                    </li>
                    <li><a href="service">游客服务</a>
                        <ol class="levalmenus">
                            <li><a href="service">票务服务</a></li>
                            <li><a href="operation">运营时间</a></li>
                            <li><a href="traffic.aspx?t=27">交通指南</a></li>
                            <li><a href="guide.aspx?t=28">游园导览</a></li>
                            <li><a href="park-service.aspx?t=29">园区服务</a></li>
                            <li><a href="notice.aspx?t=30">游园须知</a></li>
                            <li><a href="problem.aspx?t=31">常见问题</a></li>
                            <li><a href="message.aspx?t=32">留言反馈</a></li>
                        </ol>
                    </li>
                </ul>
            </div>
        </section>
    </section>
    <section class="menudonws">
        <div class="menuwr clearfix">
            <div class="menuinfo"></div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
                <ul class="menuse">
                    <li><a href="service.aspx?t=25">票务服务</a></li>
                    <li><a href="operation.aspx?t=26">运营时间</a></li>
                    <li><a href="traffic.aspx?t=27">交通指南</a></li>
                    <li><a href="guide.aspx?t=28">游园导览</a></li>
                    <li><a href="park-service.aspx?t=29">园区服务</a></li>
                    <li><a href="notice.aspx?t=30">游园须知</a></li>
                    <li><a href="problem.aspx?t=31">常见问题</a></li>
                    <li><a href="message.aspx?t=32">留言反馈</a></li>
                </ul>
            </div>
            <div class="menuinfo">
                <div class="menubg"></div>
            </div>
        </div>
    </section>
</header>
<!--header end-->

<section class="theme-box">
    <span class="showfix">展开</span>
    <ul class="themeli clearfix">
        <div th:each="x:${entertainmentList}" style="padding: 0 20px;">
            <li><a th:href="'#'+${x.entertainmentId}">
                <figure>
                    <mark></mark>
                    <img src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-4-10/20184101419499855.jpg" alt=""/>
                </figure>
                <span th:text="${x.entertainmentName}"></span></a></li>
        </div>
    </ul>
</section>
<section id="mian-scrollbar1" data-scrollbar>
    <div class="mtop"></div>
    <div class="iphonewrs">
        <div class="iphone-fix"><span>主题区域<b></b></span>
            <div class="iphone-down clearfix"><a href="thematic.aspx?t=6#theme_6">阳光港</a><a
                    href="thematic.aspx?t=7#theme_7">欢乐时光</a><a href="thematic.aspx?t=8#theme_8">飞跃地中海</a><a
                    href="thematic.aspx?t=9#theme_9">加勒比旋风</a><a href="thematic.aspx?t=10#theme_10">魔幻城堡</a><a
                    href="thematic.aspx?t=11#theme_11">巴蜀迷情</a><a href="thematic.aspx?t=12#theme_12">魔幻森林</a><a
                    href="thematic.aspx?t=13#theme_13">欢乐光年</a><a href="thematic.aspx?t=14#theme_14">丝路传奇</a></div>
        </div>
    </div>
    <div class="themehei"></div>
    <div class="scolldonw"></div>
    <section class="themefix" th:each="x:${entertainmentList}">
        <div class="themeinfo" th:id="${x.entertainmentId}">
            <div class="themetop clearfix">
                <div class="themtitle"><span>主题区域</span><strong th:text="${x.entertainmentName}"></strong>
                </div>
                <div class="storys">
                    <div class="storybg"
                         style="background-image: url(http://cd.happyvalley.cn/Uploadfiles/Picture/2018-4-8/2018481821322209.jpg);"></div>
                    <div class="storyte">
                        <div class="storywr"><span>主题故事</span>
                            <p th:text="${x.entertainmentContent}"></p></div>
                    </div>
                </div>
            </div>
            <ul class="themelist clearfix">
                <div th:each="y:${x.facilityList}" style="margin-top: 37px;">
                    <li><a href="">
                        <div class="themeimg"><img
                                src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-4-9/2018491137461109_375-230.jpg"
                                alt=""/><span style="background:#a20084;">游乐设备</span>
                            <mark></mark>
                            <b>查看详情</b></div>
                        <div class="themedown"><strong th:text="${y.facilityName}"></strong>
                            <p>体验型</p>
                            <time>HAPPYASS</time>
                        </div>
                    </a></li>
                </div>
                <!--<li><a href="theme-view.aspx?ContentID=25&t=9">
                    <div class="themeimg"><img
                            src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-4-9/2018491137461109_375-230.jpg"
                            alt=""/><span style="background:#a20084;">游乐设备</span>
                        <mark></mark>
                        <b>查看详情</b></div>
                    <div class="themedown"><strong>加勒比风暴</strong>
                        <p>体验型/提升/俯冲运行</p>
                        <time>CHENGDU HAPPYVALLEY</time>
                    </div>
                </a></li>
                <li><a href="theme-view.aspx?ContentID=24&t=9">
                    <div class="themeimg"><img
                            src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-4-9/2018491141529640_375-230.jpg"
                            alt=""/><span style="background:#a20084;">游乐设备</span>
                        <mark></mark>
                        <b>查看详情</b></div>
                    <div class="themedown"><strong>天旋地转</strong>
                        <p>体验型/旋转运行</p>
                        <time>CHENGDU HAPPYVALLEY</time>
                    </div>
                </a></li>
                <li><a href="theme-view.aspx?ContentID=107&t=9">
                    <div class="themeimg"><img
                            src="http://cd.happyvalley.cn/Uploadfiles/Picture/2019-7-4/20197418177382_375-230.jpg"
                            alt=""/><span style="background:#;">游乐设备</span>
                        <mark></mark>
                        <b>查看详情</b></div>
                    <div class="themedown"><strong>水上狂欢广场</strong>
                        <p>&nbsp;</p>
                        <time>CHENGDU HAPPYVALLEY</time>
                    </div>
                </a></li>
                <li><a href="theme-view.aspx?ContentID=23&t=9">
                    <div class="themeimg"><img
                            src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-4-9/2018491144588455_375-230.jpg"
                            alt=""/><span style="background:#a20084;">游乐设备</span>
                        <mark></mark>
                        <b>查看详情</b></div>
                    <div class="themedown"><strong>加勒比水公园</strong>
                        <p>体验型</p>
                        <time>CHENGDU HAPPYVALLEY</time>
                    </div>
                </a></li>
                <li><a href="theme-view.aspx?ContentID=100&t=9">
                    <div class="themeimg"><img
                            src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-6-6/2018661630421629_375-230.jpg"
                            alt=""/><span style="background:#;">游乐设备</span>
                        <mark></mark>
                        <b>查看详情</b></div>
                    <div class="themedown"><strong>阳光海滩</strong>
                        <p>体验型</p>
                        <time>CHENGDU HAPPYVALLEY</time>
                    </div>
                </a></li>
                <li><a href="theme-view.aspx?ContentID=98&t=9">
                    <div class="themeimg"><img
                            src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-6-6/2018661616293934_375-230.jpg"
                            alt=""/><span style="background:#;">游乐设备</span>
                        <mark></mark>
                        <b>查看详情</b></div>
                    <div class="themedown"><strong>儿童嬉水池</strong>
                        <p>体验型</p>
                        <time>CHENGDU HAPPYVALLEY</time>
                    </div>
                </a></li>
                <li><a href="theme-view2.aspx?ContentID=76&t=9">
                    <div class="themeimg"><img
                            src="http://cd.happyvalley.cn/Uploadfiles/Picture/2018-4-10/2018410205277664_375-230.jpg"
                            alt=""/><span style="background:#aadb01;">主题景观</span>
                        <mark></mark>
                        <b>查看详情</b></div>
                    <div class="themedown"><strong>主题景观</strong>
                        <p>&nbsp;</p>
                        <time>CHENGDU HAPPYVALLEY</time>
                    </div>
                </a></li>-->
            </ul>
        </div>
    </section>
    <!--footer start-->
    <footer class="footer-box">
        <section class="footer clearfix">
            <ul class="downhref">
                <li><a href="about.aspx?t=43">欢乐谷概况</a></li>
                <li><a href="contact.aspx?t=46">联系我们</a></li>
                <li><a href="map.aspx?t=47">网站地图</a></li>
            </ul>
            <div class="contactus"><span>联系我们</span>
                <dl class="addinfo clearfix">
                    <dt>ADD:</dt>
                    <dd>成都市金牛区西华大道16号<a href="https://j.map.baidu.com/axxiO" target="_blank">在线地图 &gt;</a></dd>
                </dl>
                <dl class="addinfo clearfix">
                    <dt>TEL:</dt>
                    <dd><b>+028 - 61898999</b></dd>
                </dl>
            </div>
            <div class="fright">
                <div class="friendship"><span>友情链接</span>
                    <ul class="friendli">
                        <li><a href="http://nj.happyvalley.cn/" target="_blank">南京欢乐谷</a></li>
                        <li><a href="http://sz.happyvalley.cn/" target="_blank">深圳欢乐谷</a></li>
                        <li><a href="http://bj.happyvalley.cn/" target="_blank">北京欢乐谷</a></li>
                        <li><a href="http://cd.happyvalley.cn" target="_blank">成都欢乐谷</a></li>
                        <li><a href="http://sh.happyvalley.cn/" target="_blank">上海欢乐谷</a></li>
                        <li><a href="http://wh.happyvalley.cn/" target="_blank">武汉欢乐谷</a></li>
                        <li><a href="http://tj.happyvalley.cn/" target="_blank">天津欢乐谷</a></li>
                        <li><a href="http://cq.happyvalley.cn/" target="_blank">重庆欢乐谷</a></li>
                    </ul>
                </div>
                <div class="relatived"><p><a href="https://beian.miit.gov.cn/" target="_blank">备案号：粤ICP备08102613号</a>
                </div>
        </section>
    </footer>
    <!--footer end-->
</section>

<script src="/new/js/index/plugin.js"></script>
<script src="/new/js/index/page.js"></script>
<script src="/new/js/index/buttonLite.js"></script>
<script>
    jQuery(function () {
        jQuery("a").click(function () {
            if (isMobile && !(jQuery(this).attr("href").indexOf("smartoct") == -1)) {
                window.location = "https://m.smartoct.com/viewspot/detail?id=7";
                return false;
            }
        })
    })
</script>

<script>
    $(document).ready(function () {
        $('.themeli').onePageNav({
            filter: ':not(.external)',
            scrollSpeed: 0
        });
    });
</script>

<div style="display: none">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4a57e4277bbe081461ccd185af5a86df";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</div>
</body>
</html>